<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
	<ul style="background:#CCC;">
		<li style="background:#AAA;">A</li>
	</ul>
	<ol style="background:#CCC;">
		<li style="background:#AAA;">B</li>
	</ol>

	<ul style="margin:0; background:#CCC;">
		<li style="background:#AAA;">C</li>
	</ul>
	<ol style="margin:0; background:#CCC;">
		<li style="background:#AAA;">D</li>
	</ol>
	<ul style="padding:0; background:#CCC;">
		<li style="background:#AAA;">E</li>
	</ul>
	<ol style="padding:0; background:#CCC;">
		<li style="background:#AAA;">F</li>
	</ol>
	<script language="javascript">

	if(!window.getComputedStyle){
		window.getComputedStyle=function($target){
			return $target.currentStyle;
		};
	}
	var ul = document.getElementsByTagName("ul")[0];
	var ol = document.getElementsByTagName("ol")[0];
	alert('UL default display value:'
		+ getComputedStyle(ul,null).display
		+ "\n"
		+ 'OL default display value:'
		+ getComputedStyle(ol,null).display
		+ "\n"
		+ 'UL margin-left value:'
		+ getComputedStyle(ul,null).marginLeft
		+ "\n"
		+ 'UL padding-left value:'
		+ getComputedStyle(ul,null).paddingLeft
		+ "\n"
		+ 'OL margin-left value:'
		+ getComputedStyle(ol,null).marginLeft
		+ "\n"
		+ 'OL padding-left value:'
		+ getComputedStyle(ol,null).paddingLeft
		+ "\n"
	)

	</script>
</body>
</html>